<x-description title="User Info" bordered gridTemplateColumns="100px 1fr 1fr 1fr">
  <x-description-item label="Num:" gridArea="1/1/1/5" heading></x-description-item>
  <x-description-item gridArea="2/1/2/5">909090</x-description-item>
  <x-description-item label="Base" gridArea="3/1/9/2" justify="center" align="center" heading></x-description-item>
  <x-description-item label="Name: " gridArea="3/2" heading></x-description-item>
  <x-description-item gridArea="4/2">Zhang san</x-description-item>
  <x-description-item label="Account: " gridArea="3/3" heading></x-description-item>
  <x-description-item gridArea="4/3">zhangsan</x-description-item>
  <x-description-item label="Password: " gridArea="3/4" heading></x-description-item>
  <x-description-item gridArea="4/4">******</x-description-item>
  <x-description-item label="Files: " gridArea="5/2" heading></x-description-item>
  <x-description-item gridArea="6/2">useinfo.doc</x-description-item>
  <x-description-item label="Roles: " gridArea="5/3" heading></x-description-item>
  <x-description-item gridArea="6/3">Administor</x-description-item>
  <x-description-item label="City: " gridArea="5/4" heading></x-description-item>
  <x-description-item gridArea="6/4">wuhan</x-description-item>
  <x-description-item label="Gender: " gridArea="7/2" heading></x-description-item>
  <x-description-item gridArea="8/2">male</x-description-item>
  <x-description-item label="Age: " gridArea="7/3" heading></x-description-item>
  <x-description-item gridArea="8/3">37</x-description-item>
  <x-description-item label="Hobby: " gridArea="7/4" heading></x-description-item>
  <x-description-item gridArea="8/4">ping-pong</x-description-item> -->
</x-description>
